<template>
    <div class="home">
        <img alt="Vue logo" src="../assets/logo.png">
        <HelloWorld msg="Welcome to Your Vue.js App"/>
        <router-link :to="{path:'h1',query:{name:name1}}">h1</router-link>
        |
        <router-link to="h2">h2</router-link>
        <div style="width: 100%;background: #42b983;min-height: 500px">
            <router-view/>
        </div>
    </div>
</template>

<script>
    // @ is an alias to /src
    import HelloWorld from '@/components/HelloWorld.vue'

    export default {
        name: 'Home',
        data() {
            return {
                name1: "宿舍"
            }
        },
        components: {
            HelloWorld
        }
    }
</script>
